<template>
  <section class="error">
    <h1>{{ error.statusCode }}</h1>
    <h2>{{ error.message }}</h2>
  </section>
</template>

<script>
  export default {
    props: ['error']
  }
</script>

<style scoped>
  .error {
    width: 70%;
    text-align: center;
    display: block;
  }
  h1 {
    margin-top: 15px;
    font-size: 5em;
  }
  h2 {
    font-weight: 300;
    color: #9aabb1;
    margin: 0;
  }
</style>
